<!--
 * @Descripttion: 
 * @version: 
 * @Author: sueRimn
 * @Date: 2023-02-06 11:03:04
 * @LastEditors: sueRimn
 * @LastEditTime: 2023-11-13 21:29:01
-->
<template>
    <view class="group">
        <view class="item d-flex align-items-center justify-content-between" v-for="(item, index) in list" :key="index" @click="handleItem(item)">
            <view class="label">{{ item.name }}</view>
            <view class="value d-flex">
                <view class="t1">{{ item.value }}</view>
                <uni-icons type="right" size="14" color="#b2b2b2"></uni-icons>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    props: {
        list: {
            type: Array,
            default: () => []
        }
    },
    methods: {
        handleItem(item) {
            this.$emit('handleItem', item)
        }
    }
}
</script>
<style lang="scss">

.group {
    background-color: #fff;
    margin-top: 20rpx;
    border-radius: 10rpx;

    .item {
        padding: 0 30rpx;
        height: 100rpx;
        border-bottom: 1rpx solid #f2f2f2;

        .label {
            font-size: var(--hui-font-size-28);
            color: var(--hui-color-title);
        }
        .t1{
            margin:  0 10rpx 0 0;
        }

        .value {
            font-size: var(--hui-font-size-26);
            color: var(--hui-color-title);
            margin: 0 0rpx 0 0;
        }
    }
}</style>